<link rel="stylesheet" href="../static/css/style.css">
<link rel="stylesheet" href="../static/css/styleoneadd.css">
<link rel="stylesheet" href="../static/plugins/layui/css/layui.css">
<link rel="stylesheet" href="../static/plugins/bootstrap-3.3.7/css/bootstrap-theme.min.css">
<link rel="stylesheet" href="../static/plugins/bootstrap-3.3.7/css/bootstrap.min.css">

<style>
    body{
        background-color: #f2f2f2 !important;
    }
</style>
    <!-- 内容主体区域 -->
<div class="layui-fluid-pad">
    <div class="layui-col-md12">
        <div class="layui-card">
            <div class="layui-card-header">机构单项编辑</div>
            <div class="layui-card-body">
                <div class="layui-row  layui-pad15">
                    <form class="layui-form" action="">
                        <div class="layui-col-md12 layui-col-lh">
                            <div class="layui-row">
                                <div class="layui-col-md2 layui-display-flex layui-width-b">
                                    <label class="layui-form-label layui-width-a">单项名称</label>
                                </div>
                                <div class="layui-col-md3">
                                    <input type="text" class="form-control" placeholder="心血管检查">
                                </div>
                            </div>
                        </div>
                        <div class="layui-col-md12 layui-col-lh">
                            <div class="layui-row">
                                <div class="layui-col-md2 layui-display-flex layui-width-b">
                                    <label class="layui-form-label layui-width-a">单项价格</label>
                                </div>
                                <div class="layui-col-md3">
                                    <div class="input-group">
                                        <div class="input-group-addon">¥</div>
                                        <input type="text" class="form-control"  placeholder="120">
                                        <div class="input-group-addon">元</div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="layui-col-md12 layui-col-lh">
                            <div class="layui-row">
                                <div class="layui-col-md2 layui-display-flex layui-width-b">
                                    <label class="layui-form-label layui-width-a">单项代码</label>
                                </div>
                                <div class="layui-col-md3">
                                    <input type="text" class="form-control">
                                </div>
                            </div>
                        </div>
                        <div class="layui-col-md12 layui-col-lh">
                            <div class="layui-row">
                                <div class="layui-col-md2 layui-display-flex layui-width-b">
                                    <label class="layui-form-label layui-width-a">单项简介</label>
                                </div>
                                <div class="layui-col-md3">
                                    <textarea name="desc" class="form-control" rows="3"></textarea>
                                </div>
                            </div>
                        </div>
                        <div class="layui-col-md12 layui-col-lh">
                                <div class="layui-row">
                                    <div class="layui-col-md2 layui-display-flex layui-width-b">
                                        <label class="layui-form-label layui-width-a">每日体检量上线</label>
                                    </div>
                                    <div class="layui-col-md3">
                                        <div class="input-group">
                                            <!--<div class="input-group-addon">$</div>-->
                                            <input type="text" class="form-control" >
                                            <div class="input-group-addon">人</div>
                                        </div>
                                    </div>
                                </div>
                        </div>
                        <div class="layui-col-md12 layui-col-lh" >
                            <div class="layui-row">
                                <div class="layui-col-md2 layui-display-flex layui-width-b">
                                    <label class="layui-form-label layui-width-a">包含子单开单项</label>
                                </div>
                                <div class="layui-col-md10">
                                    <div class="layui-row layui-margin-bot2" id="addIndividual">
                                        <!--内容循环-->
                                        <div class="layui-col-md2">
                                            <i class="layui-icon" style="font-size: 18px">&#x1007;</i>
                                            心血管检查-血栓
                                        </div>
                                        <div class="layui-col-md2">
                                            <i class="layui-icon" style="font-size: 18px">&#x1007;</i>
                                            心血管检查-血栓
                                        </div>
                                        <div class="layui-col-md2">
                                            <i class="layui-icon" style="font-size: 18px">&#x1007;</i>
                                            心血管检查-血栓
                                        </div>
                                        <!--内容训话end  -->
                                    </div>
                                    <div class="layui-row">
                                        <div class="layui-col-md12 ">
                                            <a  href="javascript:;" class="layui-q-c layui-zdy-bj layui-add-jg">添加</a>
                                            <a  href="javascript:;" class="layui-q-c layui-zdy-bj " id="addSty">添加Demo</a>
                                        </div>
                                    </div>
                                </div>
                            </div>

                        </div>
                        <div class="layui-col-md12 layui-col-lh">
                            <div class="layui-row">
                                <div class="layui-col-md2 layui-display-flex layui-width-b">
                                    <label class="layui-form-label layui-width-a">排斥的开单项</label>
                                </div>
                                <div class="layui-col-md10">
                                    <div class="layui-row layui-margin-bot2" id="addExclusion">
                                    <!--内容循环-->
                                    <div class="layui-col-md2">
                                        <i class="layui-icon" style="font-size: 18px">&#x1007;</i>
                                        心血管检查-血栓
                                    </div>
                                    <div class="layui-col-md2">
                                        <i class="layui-icon" style="font-size: 18px">&#x1007;</i>
                                        心血管检查-血栓
                                    </div>
                                    <div class="layui-col-md2">
                                        <i class="layui-icon" style="font-size: 18px">&#x1007;</i>
                                        心血管检查-血栓
                                    </div>
                                    <!--内容训话end  -->
                                </div>
                                    <div class="layui-row">
                                        <div class="layui-col-md12 ">
                                            <a  href="javascript:;" class="layui-q-c layui-zdy-bj layui-add-jg">添加</a>
                                            <a  href="javascript:;" class="layui-q-c layui-zdy-bj " id="addStys">添加Demo</a>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <!--按钮提交-->
                        <div class="layui-col-md12 layui-col-lh layui-text-center">
                            <a href="javascript:;" class=" layui-q-c layui-zdy-bj">
                                <i class="layui-icon">&#xe681;</i>
                                提交
                            </a>
                        </div>
                        <!--按钮提交end-->
                    </form>
                </div>
            </div>
        </div>
    </div>
</div>



<script src="../static/js/jquery.min.js"></script>
<script src="../static/plugins/bootstrap-3.3.7/js/bootstrap.min.js"></script>
<script src="../static/plugins/layui/layui.js"></script>
<script src="../static/js/app/consts/consts.js"></script>
<script>
    //Demo
    layui.use(['form','layer'], function(){
        var form = layui.form;
        layer.msg(developingMsg);
        //监听提交
        // form.on('submit(formDemo)', function(data){
        //     layer.msg(JSON.stringify(data.field));
        //     return false;
        // });

        //增加选项
        $(function () {
            $('.layui-add-jg').on('click',function () {
                var strU = 'addUniterm.html';
                layer.open({
                    type: 2,
                    title:'机构单项添加',
                    area: ['900px', '650px'],
                    shadeClose: true, //开启遮罩关闭
                    content: strU
                });
            });
        });

        // 添加子单demo

        $(function () {
            $('#addSty').click(function () {

                var html='';
                html+='<div class="layui-col-md2">';
                html+='<i class="layui-icon" style="font-size: 18px">' + '&#x1007;' + '</i>'+'心血管检查-血栓';
                html+='</div>';

                $('#addIndividual').append(html);
            });
        });
        // 添加排斥demo

        $(function () {
            $('#addStys').click(function () {

                var html='';
                html+='<div class="layui-col-md2">';
                html+='<i class="layui-icon" style="font-size: 18px">' + '&#x1007;' + '</i>'+'心血管检查-血栓';
                html+='</div>';

                $('#addExclusion').append(html);
            });
        });



    });
</script>



